* {
    margin: 0px;
    padding: 0px;
}

.header {
    width: 7.5rem/* 375/50 */
    ;
    height: .92rem/* 46/50 */
    ;
    display: flex;
    align-items: center;
    /* background-color: cornflowerblue; */
}

.activv {
    color: #FF734C;
}

.header-con {
    width: 7.02rem/* 351/50 */
    ;
    height: .72rem/* 36/50 */
    ;
    margin: 0px auto;
    background-color: #F3F5F7;
    border-radius: 1.28571429rem;
    display: flex;
}

.header-left {
    width: .72rem/* 36/50 */
    ;
    height: .72rem/* 36/50 */
    ;
    position: relative;
}

.a1 {
    position: absolute;
    top: 10px;
    left: 10px;
}

.header-right {
    width: 6.14rem/* 307/50 */
    ;
    height: .72rem/* 36/50 */
    ;
    /* background-color: darkgreen; */
    display: inline-block;
    font-size: 14px;
}

.header-right a {
    display: block;
    color: #71797f;
    line-height: 0.72rem;
}

a {
    text-decoration: none;
}


/* 内容部分 */

.cate {
    width: 7.5rem/* 375/50 */
    ;
    height: 12.36rem/* 618/50 */
    ;
    /* background-color: darkkhaki; */
    display: flex;
    border-top: 1px solid #F3F5F7;
}

.menu {
    width: 1.58rem/* 79/50 */
    ;
    height: 100%;
    ;
    border-right: 1px solid #ccc;
    /* background-color: darkorange; */
}

.list {
    font-size: 14px;
    color: #232628;
    position: relative;
}

.item {
    width: 1.56rem/* 78/50 */
    ;
    height: 1.12rem/* 56/50 */
    ;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.list .active::before {
    background-color: #ff742c;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 2px;
    height: .64rem/* 32/50 */
    ;
    transform: translateY(-50%);
}

.list .active {
    color: #ff742c;
}

.aa {
    width: 5.92rem/* 296/50 */
    ;
    height: 11.48rem/* 574/50 */
    ;
}

.deta {
    width: 5.92rem/* 296/50 */
    ;
    height: 11.48rem/* 574/50 */
    ;
    /* background-color: gold; */
}

.deta-t {
    width: 5.44rem/* 272/50 */
    ;
    height: 1.96rem/* 98/50 */
    ;
    margin: 5px auto;
}

.deta-t img {
    width: 5.44rem/* 272/50 */
    ;
    height: 1.96rem/* 98/50 */
    ;
}

.deta-b {
    width: 5.44rem/* 272/50 */
    ;
    height: 8rem/* 400/50 */
    ;
    /* background-color: greenyellow; */
    margin: 0px auto;
    margin-top: 10px;
    border-radius: 0.14285714rem;
    margin-bottom: 0.85714286rem;
    box-shadow: 0px 2px 6px 0px #e9ecf0;
}

.deta-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.deta-list li {
    width: 1.76rem/* 88/50 */
    ;
    height: 1.6rem/* 80/50 */
    ;
    margin: 10px 0px;
    text-align: center;
}

.imgs {
    width: 1.12rem/* 56/50 */
    ;
    height: 1.12rem/* 56/50 */
    ;
}

.tit {
    font-size: 12px;
    color: #232323;
}

.cate .aa .deta {
    display: none;
}

.cate .aa .deta.active {
    display: block;
}